/**
 * 学习目标：调用事件并且传递参数
 */
import React from 'react';
import ReactDOM from 'react-dom';

class App extends React.Component {
  handleClick(e, id) {
    console.log('e -----> ', e, id);
  }
  render() {
    return (
      <>
        <button
          // 1. 调用时，传递函数，函数里面执行真正的代码，从而实现传参
          // onClick={(e) => {
          //   this.handleClick(e, 100);
          // }}
          // 简写
          onClick={(e) => this.handleClick(e, 100)}
        >
          点我调用事件并且传递参数
        </button>
      </>
    );
  }
}

ReactDOM.render(<App></App>, document.getElementById('root'));
